<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header MachineList-dialog" ng-init="dialog.init();">
  <div class="kmi-header-row">
      <div class="header-title" ng-bind="'A02.suggest_title' | translate"></div>
      <div class="kmi-side-btn right" ng-click="dialog.back();">
          <img src="image/icons/clear.png"></img>
          <div class="kmi-can-click"></div>
      </div>
  </div>
  <div class="kmi-layout-main-content">
    <div class="kmi-layout-page">
        <div class="kmi-text-fields">
            <label class="label" ng-bind="'A02.suggest_list.note1' | translate"></label>
        </div>
        <!-- <div class="kmi-text-fields condition-panel">
            <label class="label" ng-bind="'A02.assigned_date' | translate"></label>
            <div class="date-panel">
                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.prevDate();">
                    <img src="image/icons/dropleft.png"></img>
                </button>
                <input style="flex:0 0 130px;text-align:center;margin-top: 2px;" ng-value="dialog.work_date |date:'yyyy - MM - dd'" readonly ng-click="dialog.changeDate();"/>
                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.nextDate();">
                    <img src="image/icons/dropright.png"></img>
                </button>
            </div>
        </div> -->
        <div class="kmi-list column-selector">
            <div class="kmi-list__header">
                <div class="kmi-list__column" style="flex:0 0 28px;"></div>
                <!-- 生产批号 -->
                <div class="kmi-list__column require head-controls" style="flex:1;">
                    <div class="filter" ng-show="dialog.dispatch_filterSH.lot_no">
                        <input ng-model="dialog.dispatch_filter.lot_no">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dialog.dispatch_filterSH.lot_no = false;dialog.dispatch_filter.lot_no = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dialog.dispatch_filterSH.lot_no">
                        <i class="material-icons search" style="z-index:1;" ng-click="dialog.dispatch_filterSH.lot_no = true">search</i>
                        <label ng-bind="'A02.list.column3'| translate"></label>
                        <i class="material-icons" ng-show="dialog.order_by_mode.name == 'lot_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="dialog.orderbychange('lot_no')"></div>
                    </div>
                </div>
                <!-- 作业站编号 -->
                <div class="kmi-list__column require head-controls" style="flex:1;">
                    <div class="filter" ng-show="dialog.dispatch_filterSH.op_no">
                        <input ng-model="dialog.dispatch_filter.op_no">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dialog.dispatch_filterSH.op_no = false;dialog.dispatch_filter.op_no = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dialog.dispatch_filterSH.op_no">
                        <i class="material-icons search" style="z-index:1;" ng-click="dialog.dispatch_filterSH.op_no = true">search</i>
                        <label ng-bind="'A02.list.column1'| translate"></label>
                        <i class="material-icons" ng-show="dialog.order_by_mode.name == 'op_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="dialog.orderbychange('op_no')"></div>
                    </div>
                </div>
                <!-- 派工设备 -->
                <div class="kmi-list__column require head-controls" style="flex:1;">
                    <div class="filter" ng-show="dialog.dispatch_filterSH.equipment_no">
                        <input ng-model="dialog.dispatch_filter.equipment_no">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dialog.dispatch_filterSH.equipment_no = false;dialog.dispatch_filter.equipment_no = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dialog.dispatch_filterSH.equipment_no">
                        <i class="material-icons search" style="z-index:1;" ng-click="dialog.dispatch_filterSH.equipment_no = true">search</i>
                        <label ng-bind="'A02.suggest_list.column1'| translate"></label>
                        <i class="material-icons" ng-show="dialog.order_by_mode.name == 'equipment_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="dialog.orderbychange('equipment_no')"></div>
                    </div>
                </div>
                <!-- 派工日期 -->
                <div class="kmi-list__column require head-controls" style="flex:0 0 80px;">
                    <div class="filter" ng-show="dialog.dispatch_filterSH.workdate">
                        <input ng-model="dialog.dispatch_filter.workdate">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dialog.dispatch_filterSH.workdate = false;dialog.dispatch_filter.workdate = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dialog.dispatch_filterSH.workdate">
                        <i class="material-icons search" style="z-index:1;" ng-click="dialog.dispatch_filterSH.workdate = true">search</i>
                        <label ng-bind="'A02.suggest_list.column5'| translate"></label>
                        <i class="material-icons" ng-show="dialog.order_by_mode.name == 'workdate'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="dialog.orderbychange('workdate')"></div>
                    </div>
                </div>
                <!-- 原派工数量 -->
                <div class="kmi-list__column require head-controls" style="flex:0 0 80px;">
                    <div class="filter" ng-show="dialog.dispatch_filterSH.org_qty">
                        <input ng-model="dialog.dispatch_filter.org_qty">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dialog.dispatch_filterSH.org_qty = false;dialog.dispatch_filter.org_qty = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dialog.dispatch_filterSH.org_qty">
                        <i class="material-icons search" style="z-index:1;" ng-click="dialog.dispatch_filterSH.org_qty = true">search</i>
                        <label ng-bind="'A02.suggest_list.column2'| translate"></label>
                        <i class="material-icons" ng-show="dialog.order_by_mode.name == 'org_qty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="dialog.orderbychange('org_qty')"></div>
                    </div>
                </div>
                <!-- 建议数量 -->
                <div class="kmi-list__column require head-controls" style="flex:0 0 80px;">
                    <div class="filter" ng-show="dialog.dispatch_filterSH.sug_qty">
                        <input ng-model="dialog.dispatch_filter.sug_qty">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dialog.dispatch_filterSH.sug_qty = false;dialog.dispatch_filter.sug_qty = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dialog.dispatch_filterSH.sug_qty">
                        <i class="material-icons search" style="z-index:1;" ng-click="dialog.dispatch_filterSH.sug_qty = true">search</i>
                        <label ng-bind="'A02.suggest_list.column3'| translate"></label>
                        <i class="material-icons" ng-show="dialog.order_by_mode.name == 'sug_qty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="dialog.orderbychange('sug_qty')"></div>
                    </div>
                </div>
            </div>
            <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in dialog.getSuggestDetail(dialog.suggest_detail, dialog.dispatch_filter) track by $index">
                    <div class="kmi-list__column" style="flex:0 0 28px;">
                        <div class="dashboard-light-panel" ng-class="[dialog.mlightColor(item.light_color)]"></div>
                    </div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.lot_no"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.op_no"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.equipment_no"></div>
                    <div class="kmi-list__column" style="flex:0 0 80px;" ng-bind="item.workdate"></div>
                    <div class="kmi-list__column" style="flex:0 0 80px;" ng-bind="item.org_qty"></div>
                    <div class="kmi-list__column column-border column-input" style="flex:0 0 80px;" >
                        <input readonly="readonly" ng-click="dialog.checkSuggestQty($event,item);" ng-model="item.sug_qty">
                    </div>
                    <!-- ng-bind="item.sug_qty"<div class="kmi-list__column column-border column-input" style="flex:0 0 108px;">
                        <input mdl-calculater="item.inputQty" mdl-calculater-decimal="true" readonly="readonly"/>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    <div style="display:flex;justify-content: flex-end;flex:0 0 44px">
        <div style="display:flex;flex-direction:row;">
            <div class="kmi-button kmi-button-confrim" ng-click="dialog.suggest_confirm();" style="width:100px;flex:1;">
                <label ng-bind="'A02.suggest_list.btn1' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
            <div class="kmi-button kmi-button-confrim" ng-click="dialog.normal_confirm();" style="width:100px;flex:1;">
                <label ng-bind="'A02.suggest_list.btn2' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
    </div>
  </div>
</div>
